<template>
	<view>
		<view class="header">
			<view class="day">日</view>
			<view class="day">一</view>
			<view class="day">二</view>
			<view class="day">三</view>
			<view class="day">四</view>
			<view class="day">五</view>
			<view class="day">六</view>
		</view>
		<view class="ym">2021年12月</view>
		<view class="days">
			<view class="day"></view>
			<view class="day"></view>
			<view class="day"></view>
			<view class="day" v-for="(item,index) in 31" :key="index">{{index+1}}</view>
		</view>
		<view class="ym">2022年1月</view>
		<view class="days">
			<view class="day"></view>
			<view class="day"></view>
			<view class="day"></view>
			<view class="day" v-for="(item,index) in 31" :key="index">{{index+1}}</view>
		</view>
		<view class="submit-btn" @click="goBack">确定</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods: {
			goBack(){
				uni.navigateBack({
					delta: 1
				})
			}
		}
	}
</script>

<style lang="scss">
.header{
	position: fixed;
	right: 0;
	left: 0;
	top: 0;
	display: flex;
	.day{
		flex: 1;
		text-align: center;
		height: 50px;
	}
}

.days{
	display: flex;
	flex-wrap: wrap;
	.day{
		flex: 0 0 14.28%;
		text-align: center;
		height: 50px;
	}
}

.ym{
	font-weight: bold;
	font-size: 21px;
	color: #333;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.submit-btn{
	height: 40px;
	border-radius: 20px;
	background: #0193ff;
	position: fixed;
	right: 15px;
	bottom: 15px;
	left: 15px;
	font-weight: bold;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	color: #fff;
}
</style>
